@color:#f10180;
@font-color:#666666;
@deepFont-color:#333333;
@lightFont-color:#999999;
html{
  background-color:#fff;
}
body {
  background-color: #fff;
  .try_progress {
    background-color:#fff;
    margin-bottom:1.3rem;

      //<!--待开奖-->
    .waitWinning,.waitLottery,.waitDeliver,.alreadyLottery,.finish,.cancel,.waitGet,.waitAudit,.waitConfirm{
          height: 2rem;
          position:relative;
          div.lottery{
            position:absolute;
            ul {
              overflow: hidden;
              margin: 0.24rem;
              height: 2rem;
              width:7rem;
              border-radius: 5px;
              -webkit-box-shadow: 0 0 10px #dec3d2;
              //background-color:#fef2f9;
              background: -webkit-linear-gradient(left, #fdf6fe, #fef2f9); /* Safari 5.1 - 6.0 */
              li {
                float: left;
                height: 2rem;
              }

              li:first-of-type {
                img {
                  width: 1.58rem;
                  height: 1.58rem;
                  margin: 0.21rem 0.3rem 0 0.24rem;
                }
              }
              li:nth-of-type(2) {
                padding-top: 0.4rem;
                p {
                  color: @font-color;
                  font-size: 0.24rem;
                  margin-bottom:0.05rem;
                  span {
                    color: @deepFont-color;
                    font-size: 0.32rem;
                    margin-right: 0.14rem;
                  }
                  b {
                    font-weight: normal;
                    font-size: 0.32rem;
                    color: @color;
                  }
                }
              }
              li:last-of-type {
                float: right;
                padding-right: 0.68rem;
                padding-top: 0.77rem;
                //padding-right:1.68rem;
                img {
                  width: 0.4rem;
                  height: 0.44rem;
                }
              }
            }
          }
        }
    .waitLottery{
      margin-top: 0.48rem;
    }
    .alreadyLottery{
      margin-top: 0.48rem;
    }
    .waitGet,.waitDeliver,.waitAudit,.waitConfirm,.cancel{
      margin-top: 0.48rem;

    }
    .finish{
      margin-top: 0.48rem;
      div.lottery{
        ul{
          li:nth-of-type(2){
            padding-top:0.6rem;
            p{
              margin-bottom:0.1rem;
            }
          }
        }
      }
    }
        //<!--待开奖商品-->
        .waitWinningGoods,.cancelGoods,.waitConfirmGoods,.waitGetGoods,.waitLotteryGoods,.waitAuditGoods,.alreadyLotteryGoods,.finishGoods,.waitDeliverGoods{
          display:none;
          margin-left:0.24rem;
          .good{
            width:7.02rem;
            height:3.21rem;
            background:url(../images/record_bg_connect1_default@2x.png) center no-repeat;
            background-size:7.02rem 3.21rem;
            margin-top:-0.18rem;
            p.title{
              overflow:hidden;
              padding:0.55rem 0.24rem 0 0.24rem;
              margin-bottom:0.05rem;
              span,b{
                display:inline-block;
                color:@font-color;
                font-size:0.24rem;
              }
              span{
                float:left;
                padding-left:0.18rem;
                background:url(../images/recommend_icon_line_default@2x.png) left center no-repeat;
                background-size:0.04rem 0.2rem;
              }
              b{
                float:right;
                font-weight:normal;
              }
            }
            >ul{
              overflow:hidden;
              padding:0.2rem 0;
              border-top:1px solid #c8c8c8;
              border-bottom:1px solid #c8c8c8;
              margin:0 0.2rem;
              li{
                float:left;
                p{
                  margin-bottom:0;
                  font-size:0.24rem;
                  color:@font-color;
                  span{
                    color:@deepFont-color;
                  }
                }
                p.run_lottery{
                  text-align:center;
                  width:1.8rem;
                  padding-top: 0.3rem;
                  color:#333;
                }
                p.goodName{
                  span{
                    display:inline-block;
                    width:2.8rem;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                  }
                }
                p.goodPrice{
                  span{
                    color:@color;
                  }
                }
                p.time{
                  text-align:left;
                  height:0.8rem;
                  color:@deepFont-color;
                  padding-top:0.06rem;
                  line-height: 0.34rem;

                }
                p.times{
                  text-align:left !important;
                  margin-left:0.2rem;
                  padding-left:0.34rem;
                  background:url(../images/record_icon_clock_default@2x.png) left center no-repeat;
                  background-size:0.24rem 0.28rem;
                  line-height: 0.34rem;
                }
                p.timeAudit{
                  width:1.7rem;
                  padding-top:0.1rem;
                  color:@deepFont-color;
                }
                p.try_finish{
                  font-size: 0.22rem;
                  color: #333333;
                  padding-right: 0.12rem;
                  height:1.6rem;
                  line-height: 0.38rem;
                }
                p.timeCancel{
                  width:1.7rem;
                  padding-top:0.5rem;
                  color:@deepFont-color;
                }
                a.evaluate_btn,a.again_btn{
                  display:block;
                  height:0.6rem;
                  line-height:0.6rem;
                  input{
                    width:1.6rem;
                    height:0.54rem;
                    border-radius:0.1rem;
                    color:#fff;
                    background-color:@color;
                    border:1px solid @color;
                    margin-top:0.07rem;
                    margin-right:0.05rem;
                    vertical-align: middle;
                    font-size:0.20rem;
                    margin-left:0.1rem;
                  }
                }
                a.again_btn{
                  input{
                    margin:0;
                    width:2rem;
                    padding:0;
                    font-size:0.18rem;
                  }
                }
              }
              li:first-of-type{
                width:1.5rem;
                height:1.5rem;
                border:1px solid #c8c8c8;
                img{
                  width:1.5rem;
                  height:1.5rem;
                }
              }
              li:nth-of-type(2){
                padding-left: 0.2rem;
                border-right:1px solid #c8c8c8;
                p {
                  height: 0.375rem;
                }
              }
              li:last-of-type{
                float:right;
                padding-right:0.08rem;
                p{
                  text-align:center;
                  font-size:0.22rem
                }
              }
            }
          }
        }
    }
  }


























